import React, { Component } from "react";
import RouterComp from "./router";
import { NavLink } from "react-router-dom";
import styles from "./App.less";

/**
 *   NavLink 组件是用于路由的激活
 */

export default class App extends Component {
  render() {
    return (
      <div>
        {/* 路由导航区域 */}
        <NavLink to="/home" activeClassName="nav_active">
          {" "}
          首页{" "}
        </NavLink>
        <NavLink to="/user" activeClassName="nav_active">
          {" "}
          个人中心{" "}
        </NavLink>

        {/* 路由展示区域 */}
        <RouterComp />
      </div>
    );
  }
}
